.me{
  display: flex;
  min-height: 450px;
  padding: var(--padding);
  align-items: flex-start;
  justify-content: space-between;
  .me-content{
    margin: 24px 0;
    width: 100%;
    // padding: 0 12px;
  }
}

.me-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(220,220,220,1);
  padding: var(--padding);
  height: 50px;
  .header{
    .nav-list{
      display: flex;
      margin-bottom: 0;
      .nav-list-item{
        margin-left: 24px;
        .title{
          display: flex;
          align-items: center;
          // width: 64px;
          height: 50px;
          font-family: PingFangSC-Regular;
          font-size: 16px;
          color: rgba(0,0,0,0.85);
          text-align: right;
          font-weight: 400;
          cursor: pointer;
          border-bottom: 2px solid transparent;
          &.active{
            color: var(--theme-color);
            border-bottom: 2px solid var(--theme-color);
          }
          &:hover{
            color: var(--theme-color);
            border-bottom: 2px solid var(--theme-color);
          }
        }
      }
    }
  }

  ::ng-deep .my-breadcrumb{
    padding: 0;
    border-bottom: hidden;
    margin-bottom: 0px;
  }
}